<script setup lang='ts'>
import ChatHeader from './components/ChatHeader.vue';
import ChatMain from './components/ChatMain.vue';
import ChatFooter from './components/ChatFooter.vue';
</script>
<template class="chat">
  <section class="chat-container">
    <chat-header></chat-header>
    <chat-main></chat-main>
    <chat-footer></chat-footer>
  </section>
</template>
<style scoped lang='scss'>
.chat-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
}
</style>